<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style/index.css">
    <script src="./jquery/jquery2.1.1.min.js"></script>
</head>

<body>
    <div class="head">
        <div class="h-bg">
            <div class="h-left">
                <a><img src="./images/logo.png" alt=""></a>
            </div>
            <div class="h-right">
                <ul>
                    <li class="active">主页</li>
                    <li>法律仲裁</li>
                    <li>公益律师</li>
                    <li>在线咨询</li>
                    <li>关于我们</li>
                    <li>下载App</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <ul>
            <li><img src="./images/banner1.jpg" alt=""></li>
            <li><img src="./images/banner2.jpg" alt=""></li>
            <li><img src="./images/banner3.jpg" alt=""></li>
        </ul>
        <ol>
            <li class="active2"><i></i></li>
            <li><i></i></li>
            <li><i></i></li>
        </ol>
    </div>
    <div class="body">
        <div class="b-1">
            <div class="b-1-up">法律仲裁</div>
            <div class="b-1-mid">
                <div></div>
                <span></span>
                <div></div>
            </div>
            <div class="b-1-down">
                <div class="b-1-down-left">
                    <img src="./images/chuizi.png" alt="">
                    <div class="b-1-down-left-1">劳动仲裁程序</div>
                    <div class="b-1-down-left-2">简介：劳动仲裁的说明文案来定内容劳动仲裁的说明文案来定内容</div>
                </div>
                <div class="b-1-down-left">
                    <img src="./images/chuizi.png" alt="">
                    <div class="b-1-down-left-1">劳动仲裁程序</div>
                    <div class="b-1-down-left-2">简介：劳动仲裁的说明文案来定内容劳动仲裁的说明文案来定内容</div>
                </div>
                <div class="b-1-down-left">
                    <img src="./images/chuizi.png" alt="">
                    <div class="b-1-down-left-1">劳动仲裁程序</div>
                    <div class="b-1-down-left-2">简介：劳动仲裁的说明文案来定内容劳动仲裁的说明文案来定内容</div>
                </div>
            </div>
        </div>
        <div class="b-2">
            <div class="b-2-up">
                <div class="b-2-up-1">公益</div>
                <div class="b-2-up-2">律师</div>
                <div class="b-2-up-3">点击进入</div>
            </div>
            <div class="b-2-down">————————您的贴心法律援助顾问</div>
        </div>
        <div class="b-3">
            <div class="b-1-up b-3-up">六大功能</div>
            <div class="b-1-mid">
                <div></div>
                <span></span>
                <div></div>
            </div>
            <div class="b-3-body">
                <div class="b-3-box">
                    <div class="circle">1</div>
                    <div class="text">在线律师咨询，第一时间帮您解答法律问题</div>
                </div>
                <div class="b-3-box2"></div>
                <div class="b-3-box">
                    <div class="circle">3</div>
                    <div class="text">文书合同，免费文书合同供您随时下载</div>
                </div>
                <div class="b-3-box2"></div>
                <div class="b-3-box">
                    <div class="circle">5</div>
                    <div class="text">公益律师，免费为您作答，贴心给您回复</div>
                </div>
                <div class="b-3-box2"></div>
                <div class="b-3-box2"></div>
                <div class="b-3-box">
                    <div class="circle">2</div>
                    <div class="text">咨询问答，红包答疑，贴心回复</div>
                </div>
                <div class="b-3-box2"></div>
                <div class="b-3-box">
                    <div class="circle">4</div>
                    <div class="text">法律常识，每日一点法律常识，温暖你我她</div>
                </div>
                <div class="b-3-box2"></div>
                <div class="b-3-box">
                    <div class="circle">6</div>
                    <div class="text">推荐律师，名牌律师为您导航</div>
                </div>
            </div>
        </div>
        <div class="b-4">
            <div class="b-1-up b-4-up">在线律师</div>
            <div class="b-1-mid b-4-mid">
                <div></div>
                <span></span>
                <div></div>
            </div>
            <div class="b-4-body">
                <div class="b-4-b-content">
                    <div class="b-4-b-c-img">
                        <img src="./images/b-4-1.jpg" alt="">
                    </div>
                    <div class="b-4-b-c-1">彭瑾</div>
                    <div class="b-4-b-c-2">
                        <div>职业律师</div>
                        <div>个人擅长：婚姻家事、公司工商、合同纠纷等等案件</div>
                    </div>
                </div>
                <div class="b-4-b-content">
                    <div class="b-4-b-c-img">
                        <img src="./images/b-4-2.jpg" alt="">
                    </div>
                    <div class="b-4-b-c-1">金杉</div>
                    <div class="b-4-b-c-2">
                        <div>职业律师</div>
                        <div>个人擅长：公司工商、劳动用工、治安刑事等等案件</div>
                    </div>
                </div>
                <div class="b-4-b-content">
                    <div class="b-4-b-c-img">
                        <img src="./images/b-4-3.jpg" alt="">
                    </div>
                    <div class="b-4-b-c-1">周雷</div>
                    <div class="b-4-b-c-2">
                        <div>职业律师</div>
                        <div>个人擅长：婚姻家事、公司工商、合同纠纷等等案件</div>
                    </div>
                </div>
                <div class="b-4-b-content">
                    <div class="b-4-b-c-img">
                        <img src="./images/b-4-4.jpg" alt="">
                    </div>
                    <div class="b-4-b-c-1">晁晓朋</div>
                    <div class="b-4-b-c-2">
                        <div>职业律师</div>
                        <div>个人擅长：房产土地、物权担保、婚姻家事等等案件</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="about">
            <div class="b-1-up b-5-up">关于我们</div>
            <div class="b-1-mid">
                <div></div>
                <span></span>
                <div></div>
            </div>
            <div class="b-5-text">
                <div>强大的律师团队，专业的法律顾问，针对各种社会生活问题，专业律师为您解答。我们是一个拥有强大律师团队，为用户贴心服务，
                    有完善的咨询流程的法律咨询的互联网平台。在这里您可以在线咨询您的问题，有专门的律师问您解答，您可以下载专业的法律文书 免费咨询律师。我们将每日为您推送一条法律常识，为您生活护航。</div>
                <img src="./images/b-5.png" alt="">
            </div>
        </div>
        <div class="b-6">
            <div><img src="./images/b-6-1.png" alt=""></div>
            <div class="b-6-text">
                <div class="b-6-text-1">扫一扫</div>
                <div class="b-6-text-2">下载APP</div>
                <div class="b-6-text-3">立刻咨询律师解答您的法律相关问题</div>
            </div>
        </div>
        <div class="b-7">
            <div class="b-1-up">联系我们</div>
            <div class="b-1-mid">
                <div></div>
                <span></span>
                <div></div>
            </div>
            <div class="b-7-body">
                <div class="adress">
                    <img src="./images/b-7-1.png" alt="">
                    <div class="b-7-text1">
                        Adress
                    </div>
                    <div class="b-7-text2">北京市昌平区回龙观东大街</div>
                </div>
                <div class="tel">
                    <img src="./images/b-7-2.png" alt="">
                    <div class="b-7-text1">
                        Telephone
                    </div>
                    <div class="b-7-text2">15600475027</div>
                </div>
                <div class="customer">
                    <img src="./images/b-7-3.png" alt="">
                    <div class="b-7-text1">
                        Customer service
                    </div>
                    <div class="b-7-text2">QQ：1302443006</div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="f-left">
            <div>首页</div>
            <div>法律仲裁</div>
            <div>公益律师</div>
            <div>在线咨询</div>
            <div>关于我们</div>
            <div>帮助中心</div>
        </div>
        <div class="f-right">
            <div>
                <img src="./images/b-6-1.png" alt="">
                <div class="f-r-text">下载App</div>
                <div class="f-r-text">咨询更多法律相关问题</div>
            </div>
            <div>
                <div class="f-r-text2">
                    联系电话：15600475027
                </div>
                <div class="f-r-text2">
                    客服QQ：1302443006
                </div>
                <div class="f-r-text2">
                    公司地址：北京市昌平区回龙观东大街首开广场
                </div>
            </div>
        </div>
        <div class="f-f">
            版权所有 2018©律师阁
        </div>
        <div class="f-bottom"></div>
    </div>



    <script src="./script/script.js"></script>
</body>

</html>